Los estilos del Footer en una plantilla de Blogger se muestran más o menos así:

/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Si nos fijamos el ancho es el mismo que en outer-wrapper

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

Comprobaremos que footer y outer-wrapper tienen la misma anchura (width) de no ser así adaptamos el footer a la misma medida de outer-wrapper. Una vez hacemos esa modificación vamos a añadir la opción de nuevos gadgets en el footer.

Nos situamos en plantilla Edición de HTMLy buscamos al final donde dice:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Esa parte la sustituimos por lo siguiente:

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'>
</b:section>
</div>



Con esa opción podemos añadir contenido cómodamente. Si en nuestra plantilla ya lo tenemos omitimos este paso y pasamos al siguiente que es añadir color a esa zona, eso nos dará una idea del espacio que está ocupando.
Buscamos los estilos que vienen a continuación y añadimos lo señalado en negrita.


#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
background-color: #6D993A;
height:120px;
}


A ese espacio ya podemos añadirle contenido desde plantilla de diseño, si preferimos que en lugar de color nos muestre una imagen lo que haremos será sustituir donde dice background-color: #6D993A; por background-image:url('url-de-nuestra-imagen');
Si la imagen fuera muy alta lo solucionamos añadiendo height:120px; aumentando o disminuyendo altura según nuestra imagen.



Con este cambio el footer ya tiene otro aspecto y podemos añadir contenido.

Si queremos añadir gadgets lo ideal sería hacerlo en un footer con columnas por aquello de la distribución. Aún así podemos probar a añadir por ejemplo información del autor, los créditos de la plantilla o una pequeña información. Queda a gusto de cada uno...

Para un ejemplo de información y créditos añadiremos los estilos justo antes de ]]></b:skin>


.autor{
float: left;
line-height: 2em;
color:#fff;
padding-left: 20px;
padding-top: 75px;
font-family:Arial, Verdana, Sans-Serif;
font-weight: normal;
font-size:11px
}
.creditos {
float: right;
color: #fff;
line-height: 1.4em;
padding-top: 75px;
padding-right: 20px;
font-family:Arial, Verdana, Sans-Serif;
text-transform:uppercase;
font-weight: normal;
font-size:11px;
text-transform: none;
}

Guardamos los cambios y nos vamos a plantilla de diseño, en un gadget de HTML/JavaScript añadimos:

<div class="autor">
<p> <a href="url-del-blog" title="Texto al pasar el cursor">Gem@ BLOG (aquí tu nombre)</a> 2009 (año) </p>
</div>
<div class="creditos">
<p><a href="url-página-autor">texto enlace</a></p>
</div>

Abre Paréntesis

Ola gema, pues queria preguntarte una cosita a ver si me la puedes aclarar, tengo un buscador en mi web y me gustaria añadirle un comportamiento para que cuando hagas click en la caja de busqueda los bordes cambien del color predeterminado a otro color y ademas los bordes sean algo mas gruesos, me dices que comportamiento javascript le tengo que pega? gracias de antenamo, ahh si no me has comprendido la duda tienes un ejemplo exacto con el buscador que tienen los de www.youtube.com que cuando haces click su buscador los bordes se ponen azules y mas gruesos... sabes como hacer lo mismo que el buscador de youtube?? gracias saludos gema

Responder
Eva

Una emergencia: no sé si a alguno de ustedes también le está pasando. Desde anoche, cuando pulso el botón para enlazar a una(s) palabra(s) una dirección web, blogger no me permite hacerlo, me aparece una ventana con este mensaje:

An attempt to modify formatting failed unexpectedly. A possible solution may be to save your post as a draft and reopen this post and apply formatting again. [Exception..."Component returned failure code: 0x80004005 (NS_ERROR_FAILURE)[nsIDOMJSWindow.prompt]" nsresult: "0x80004005 (NS_ERROR_FAILURE)"location: "JS frame" :: http://www.blogger.com/common/js/3602143727-richedit-bundle.js :: Create link::line 5056" data:no]

Sé que no viene mucho a cuento -o nada- consultaros esto, pero siempre he encontrado solución aquí a mis dudas y es en el primer sitio -después de Google- donde he pensado mirar. Muchísimas gracias en cualquier caso.

Responder
Esteban

Gem@:

Excelente post!! Yo también estoy aprovechando el footer de antes que publicaras esta entrada para un formulario de contacto y lo encuentro lo más top jejeje..

Algo que quizás te olvidaste comentar es que tranquilamente se puede crear una sección ahí en el footer y poner gadgets, asi como yo tengo mis seguidores.. simplemente copié el código que habia en los sidebars y le puse otro nombre a la sección, luego agregé el gadget ahi y le di diseño via CSS, el resultado lo puedes ver en mi blog.

Ah por cierto, encontre la forma de hacer el efecto scroller y que me lleve hasta el footer al pulsar en el botón de contacto que está arriba, gracias por todo!!!

Responder
Unknown

has cumplido MUY BIEN 10!!!...lo había puesto, luego lo saqué, ahora lo pondré nuevamente...besitos!!!

Responder
atajar

gema todo me sale pero para el lado derecho ,como puedo hacer para que me abarque toda la pantalla

Responder
Gem@

yz Abre Paréntesis la solución sería crear estilos para ese efecto hover, es decir los mismos que tienes ahora pero variando el color y grosor del borde. Pensaba que tenía algo escrito sobre personalizar los buscadores pero no lo localizo :O Así que te paso este enlace que te será de ayuda Personalizando los buscadores por Vagabundia

yz Eva ese mensaje dice que alguna secuencia de comandos puede estar ocupada o ha dejado de responder. Te da la opción de detener el script o continuar hasta completar la secuencia completa.
Intenta hacer la misma operación con distinto navegador o actualizar el que tienes, aunque antes probaría lo primero.

yz Esteban creo que no me olvidé está bien detallado hasta con capturas, esa sección ya la tenemos en la plantilla únicamente hay que prepararla para poder incluir la opción de añadir gadgets.
Lo que hiciste está bien y podemos hacerlo en toda la plantilla de ahí la posibilidad de crear cualquier número de columnas o secciones.
Me alegra que resolvieras el otro problema :)

yz Graciela esto sólo es un ejemplo, quedan algunas otras opciones para el footer :)
Me alegra que saliera bien!!

yz atajar mira la anchura de footter que sea la misma que outer-wrapper, también puede ser la imagen que añadas si es una textura no hay problema pero si es una imagen tipo fotografía debe medir lo mismo de ancho que el footer o añadir unas líneas al código de forma que centre la imagen.
Sin verlo no puedo decirte otra cosa :(

Responder
Cocina

HOLA!!
ME PUEDES EXPLICAR COMO PONER ESE BOTON QUE DICE TOP EN MI BLOG?
CONTESTAME POR FAVOR LO HE VISTO TAMBIEN EN FORMA DE HELICOPTERO
GRACIAS

Responder
atajar

ya lo tengo puesto podrás echar un vistazo? lo mismo no me explique bien :)

Responder
atajar

es que me gustaria me cogiera la pantalla entera

Responder
Esteban

Tienes toda la razón!! Como no lo vi?? Quizás me pasé de largo saltándome esa parte, increible jajaja...

Mis disculpas entonces, no acostumbro a escribir boludeces en los comentarios pero hoy si que me pasé...

Te quedó muy bien explicado todo y de paso, leyéndome la respuesta que le diste a "Abre Parentésis" pude encontrar el post de Vagabundia y hacer funcionar mi buscador que no mostraba los resultados.

Una pasada!!!

Responder
Gem@

yz Clau mira aquí ;)

yz Atajar la pantalla entera ¿pero en el footer? la imagen mide 980 y el outer-wrapper 1000 es menor la imagen que el ancho del blog no puede ocupar todo el ancho porque no da la medida :(
De todas formas si es como he entendido tendrías que añadir la imagen fuera del footter porque tienes una imagen de fondo que contiene un borde.
Yo creo que no te he entendido bien, si me explicas exactamente donde deseas la imagen qué sitio es ese para que ocupe toda la pantalla...

yz Esteban no debes disculparte, ni mucho menos te pasaste. Simplemente no te diste cuenta porque vamos con prisas siempre ;)
Me parece genial que consiguieras solucionar el problema del buscador, siempre digo que los comentarios nos solucionan muchas veces los problemas :)

Responder
atajar

ya lo he podido poner graciasssss:)

Responder
atajar

hay lo que no puedo es escribir encima de la imagen pues me sale abajo :$

Responder
Gem@

yz Así la veía yo antes :O
Atajar ¿le añadiste la clase al texto?
div class="creditos...

Responder
atajar

si se la añadi :O

Responder
Gem@

yz Llego tarde veo que ya está solucionado :)

Responder
Marga

Hola Gema, sigo por aquí practicando todo lo que puedo. He puesto un color distinto en el footer, tal como nos decías, para ver lo que ocupa. Hasta ahí bien, pero no acabo de ver claro como dividirlo en secciones o columas, se puede?
Y otra duda, se pueden añadir por ejemplo imágenes pero en horizontal?

Gracias y besos.
Marga

Responder
Gem@

yz Marga para incluir columnas hay que crear primero unas secciones donde poder incluir el contenido de las columnas.
Es la próxima entrada que la tengo por terminar :(
Las imágenes para el fondo puedes añadirlas como tu quieras la del ejemplo es una imagen horizontal.
Si te refieres a añadir imágenes dentro del footer las añadimos igual que hacemos en la sidebar utilizando el gadget que añadimos al principio de la entrada :)

Responder
Admin

Muy buen post gem@! ;) Yo quiero ponerlo en columnas, para poder añadir los gadgets y que queden ordenados, así que esperaré tu próxima entrada, supongo que se podrá poner todo con el mismo color de fondo que tiene el blog no? Me refiero sin imagen o foto de fondo como explicas aquí, o sea que quede todo igual, que sea una prolongación de la página, no se si me explico :o
Igual me queda la duda de que la gente llegue hasta el final y vea lo que pongo en el footer :S
Besotes ;)

Responder
Marga

Gracias Gema, esperaremos :D

Responder
Gem@

yz k_nelita ya puedes ver esa entrada, sobre tu duda no sé que decirte yo si suelo mirar pero ya sabes como soy yo que miro cualquier detalle :)

yz Marga como le decía a K_nelita ya le di salida a esa entrada :)

Responder
FILÁ NOSOTRAS

hola Gem@ no hay manera no me sale la imagen en el footer ¿que estoy haciendo mal? este es el blog: http://lomasnueve.blogspot.com/

Responder
Gem@

yz BOSOTRAS elimina ese "por" que hay en los estilos ;)

por background-image:url('http://img31.imageshack.us/img31/9554/paperp.jpg');

Responder
Lino

Hola Gema. Haber si me puedes ayudar. Me han dicho que la imagen de la cabecera de mi blog no sale entera y que la del footer ocupa media pantalla, podrias pasarte por mi blog y ayudarme por favor?. gracias

http://elblogdelino09.blogspot.com/

Responder
Gem@

yz Lino yo veo la imagen del header completa aunque ladeada a la izquierda al igual que la del footer, me da la sensación que es porque le diste demasiada anchura a main-wrapper puedes probar a disminuir donde dice width:600px; y mirar en vista previa el resultado ;)

Responder
Daniel

Gema, en mi plantilla no aparece el footer. Fui a HTML y tampoco están los parámetros del footer. ¿Qué puedo hacer para que aparezca?
Gracias.

Responder
Gem@

yz Daniel en tu plantilla funcionaría perfectamente puedes añadir justo después de
<div id='sidebar-wrapper'>
aquí van los gadgets de la sidebar
</div>

lo siguiente:

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'>
</b:section>
</div>

Y el resto hacerlo tal y como en la entrada viene explicado ;)

Responder
jose

Gracias era lo que estaba buscando!
pero que pasa si quiero añadir mas columnas?

Responder
Gem@

yz No entiendo tu pregunta Dog... imagino que te refieres a esta entrada:
http://gemablog-.blogspot.com/2009/04/columnas-en-el-footer.html

Responder
Admin

Gem@ no me sale :( te mando mail?
Quiero poner "© 2009 » Gem@ BLOG » Plantilla base Minima de Blogger" pero con mis datos obvio, y no me queda, sale debajo de la imagen y no de esa forma, solo mi nick y Blogger, una cosa en cada punta me queda buaaaa y sobre la imagen nada :( La imagen si pude ponerla, tengo que modificarla, pero eso es otra historia...
Me sale mal la parte de llenar el código para los créditos con mis datos así como los tuyos...

Responder
Gem@

yz Yo si veo el texto sobre la iamgen k_nelita y centrado :O o lo has arreglado o no vemos lo mismo.
Lo que si veo es la publicidad que se monta sobre la imagen.

Responder
Admin

Ja jaa acabo de arreglarlo, por así decirlo, te copié el código fuente de tus créditos y así lo hice, pero como verás sale gigante la fuente, nada que ver con la tuya y está tal cual...Como lo achico? Tampoco la quería en el centro... No emboco una hoy...

La publi se ensima? No la veo, tengo que sacar el adblock para verla, después me fijo.

La imagen se supone que tiene 60px de alto, no te parece que se ve como que fuera mas alta?

Responder
Unknown

hola gem@@@@::: yz estoy haciendo el footer en http:dinerodesdeturodenador.blogspot.com y no consigo ponerle color negro de fondo. ¿puedes mirar a ver qué falla? graci@@@@s

Responder
Unknown

hola gem@, no te olvides de mí:. lo que realmente importa es que sin tu ayuda.... no soy nada!

Responder
Gem@

yz Solucionado todo no k_nelita?

yz lk ¿añadiste los estilos?

Responder
Unknown

pásate por http://libroscolgados.blogspot.com CUNADO PUEDAS :) verás que añadí los estilos pero no el color negro de fondo. no sé cómo hacerlo... y así queda tristón, digo yo... :S Dame tu opinión.

Responder
Gem@

yz lk no te sale porque omitiste la línea que añade el color de fondo background-color: #6D993A;
El negro sería #000

Responder
Unknown

gem@, va a ser que NOOOO:::: añadi lo del background y NADA DE NADA. yo no sé si el error fue hacer la parcelación del footer antes de poner el color. pero hay algo más que falla. ¿Lo mirarás?

Responder
Gem@

yz Veamos lk, primero me has dicho que estás arreglando el footer en http:dinerodesdeturodenador.blogspot.com que no consigues ponerle color negro de fondo.
Ese enlace no está correcto, he accedido a tu perfil y no está ese blog, he probado con otras alternativas y tampoco.
Luego me dices que estás arreglando el footer de http://libroscolgados.blogspot.com y tampoco sale el color negro de fondo, he accedido a ese blog y te dije que olvidaste añadir background-color: #6D993A; y que el negro sería #000
Me dices que no sale y otra vez regreso a tu blog y veo que no has añadido lo que te dije de background-color.
Por favor organízate un poco, arregla primero un blog y luego el otro o deja la url correcta al blog y asegúrate del blog que estás arreglando porque yo creo que ni es uno ni otro.

Responder
Unknown

hola gem@ el link te lo colqué mal es http://dinerodesdetuordenador.blogspot.com.

No puse el background negro en ESTA página que te doy el link porque no tenía sentido. el negro no salía en vista previa. pero sí lo puse de prueba. luego puse borrar cambios porque vi que no surtía efecto.

lo del otro blog fue porque me equivoqué al darte la dirección.

lo que quiero saber es lo que pasa en http://dinerodesdetuordenador.blogspot.com en el footer. a ver si hice algun error. hice todo de acuerdo a vagabundia o jmihur u oloblog o rosa. no se´.

NO TE LO TOMES A MAL... por favor...

Responder
Gem@

yz lk no es que me lo tome a mal, es que ha sido un ir y venir intentando adivinar de qué blog se trata y viendo que lo que te estaba indicando no lo seguías por eso no funcionaba.
Lo que tratas de hacer ya he podido verlo y no estamos en la entrada indicada porque lo que estás haciendo es añadir columnas al footer y aquí se habla de u nfotter sencillo.
Por lo qu epuedo ver en tu plantilla seguiste los pasos dados por mi en la siguiente url:
http://gemablog-.blogspot.com/2009/04/columnas-en-el-footer.html o al menos es idéntico a como yo lo tengo explicado.
Si sigues los pasos de ese enlace que he dejado verás que te falta que en los estilos de footer-columna-contenedor es donde hay que añadir el color de fondo del contenedor de las tres columnas.
Si todo esto lo hubieras explicado al principio ya lo tendrías solucionado, pero repito que no me molesta simplemente que de esa forma ganamos tiempo para todos.

Responder
Unknown

no, ya sé que tienes una paciencia infinita y que yo no me apaño bien siempre.

el link que me mandas da error...

cuando pongo color en el background, no aparece ningún color en http://dinerodesdetuordenador... por eso creo que hay algún fallo, pero si no lo ves, lo dejaré tal cual ¿¡qué puedo hacer!?

para hacer el segmantado del footer me fui a jmihur, obolongo y rosa. no sé si en sus explicaciones está el error... :S

Responder
Gem@

yz A mi me da correcto :O
http://gemablog-.blogspot.com/2009/04/columnas-en-el-footer.html

Responder
JAVI

Hola Gema!! Aqui el piloto.
Ves como no me muevo solo por lady lony? Hay tardes que estoy inmerso dentro de tu blog sin moverme de el, de post en post.
Gracias por esta entrada ya la aplique a mi blog y me encanta como quedó.
Besos!!

Responder
JAVI

Otra vez yo Gema!!
Me podrias decir donde puedo encontar cenefas para poner en el footer, como esa negra o de color, me da igual, que tienes de muestra en la entrada esta?
Gracias!!

Responder
Gem@

yz La de color no es una cenefa Javi se consigue añadiendo en los estilos background, en el ejemplo viene como background-color: #6D993A;
Con las imágenes no tengo un sitio concreto para buscarlas, como se trata de imágenes para ejemplos simplemente cuando veo alguna que me gusta la guardo para la ocasión.
Mira esta entrada hay un enlace al final que puede interesarte ;)
http://gemablog-.blogspot.com/2009/04/el-footer-y-su-utilidad.html

Responder
JAVI

Si Gema, entendí que la de color era solo color conseguido con el background, yo te preguntaba que si sabias de alguna pagina donde las pudiera encontrar tanto blanco y negro como de color, pero ya la encontre!! gracias a tu sugerencia de que mirara en el enlace que me dejaste, me ha venido que ni pintado lo que encontre allí para ponerlo en el footer de mi otro blog. Me gusta mucho Gema, gracias por tu sugerencia.
Besos!!

Responder
Gem@

yz Javi estoy buscando el hilo de comentarios donde te dije que te contestaría :O
Espero que tengas suscripción a estos comentarios.
El tema es que he recordado que tenía esta entrada que te añado, te dejo la url para que la veas y vayas empezando (así no te hago esperar) mira aquí

La que estoy haciendo es una continuación añadiendo el traductor ;)

Responder
JAVI

jajajaja!!! ya, ya veo que has perdido el hilo, pero no te preucupes que yo te sigo. Yo creo Gema, que para no liarnos lo mejor seria que te conteste y me contestes a partir de ahora para esto del menu en el enlace este que me has dado de la entrada "Menú personalizado desde "Fuentes y colores" que es el apropiado para ello, porque aqui en esta pagina no hacemos nada hablando del menu, habiendo una pagina para ello, asi no nos descolocamos ni nosotros ni las personas que entren y lean. ¿Te parece bien?...Pues vete para allá que alli te contesto.
Gracias!!

Responder
Gem@

yz Qué bueno! te voy a dar un cargo para que vayas ubicando al personal jajajaja
Es verdad, muchas respuestas las encontraríamos en los comentarios si estuvieran en la entrada correspondiente.

Responder
Anónimo

Gema tengo un problemilla con esto,quiero colocarlo debajo de las tres columnas del blog para colocar ahi los directorios que tengo y es que no tengo ni idea de adonde llevar el codigo porque cuando lo he reemplazado se ha quedado por encima,me ayudas ?

Responder
Anónimo

para que me entiendas ,quiero colocar los enlaces de blogalaxia,blogarama,buzzear ,etc justo encima de los creditos,asi creo que queda clara mi idea,gracias.perdon por el doble post.

Responder
Gem@

yz El Rebotao los créditos los tienes antes de </body> búscalos y justo antes añades el div del ejemplo.

Responder
Anónimo

gracias por tu ayuda,ya esta solucionado tal y como me lo has indicado.¿que ibamos hacer sin vosotros ?

Responder
Gem@

yz Me alegra esté resuelto :)
Si no fuéramos nosotros, serían otros ;)

Responder
Anabel Cornago

Primera parte resuelta, je,je. Sigo leyendo los siguientes posts sobre el footer, a ver si salen.
Como siempre, mil gracias por tu ayuda.

Responder
Gem@

yz Claro que saldrán Anabel, es cuestión de paciencia :)

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Amiga era esto lo que tenia q hacer para que me quede como el tuyo? pasa que busque en tu blog y encontre el div class autor y credito,segui el paso a paso y agregue el gadjet html pero no me quedan alineados los comentarios que he agregado dale un vistaso si puedes, revisando esta entrada no me queda claro en que parte me he equivocado...me qda horrible

Kariños

Responder
Gem@

yz Veo tu footer muy extraño, creo que lo ideal es que repases la entrada donde se añaden las columnas y una vez todo en orden haces lo siguiente:
Añade antes de ]]></b:skin>

.autor{
float: left;
line-height: 2em;
color:#fff;
padding-left: 20px;
padding-top: 75px;
font-family:Arial, Verdana, Sans-Serif;
font-weight: normal;
font-size:11px
}
.creditos {
float: right;
color: #fff;
line-height: 1.4em;
padding-top: 75px;
padding-right: 20px;
font-family:Arial, Verdana, Sans-Serif;
text-transform:uppercase;
font-weight: normal;
font-size:11px;
text-transform: none;
}

Y luego antes de </body> lo siguiente:

<div class="autor">
<p> <a href="url-del-blog" title="Texto al pasar el cursor">Gem@ BLOG (aquí tu nombre)</a> 2009 (año) </p>
</div>
<div class="creditos">
<p><a href="url-página-autor">texto enlace</a></p>
</div>

Responder
Anónimo

hola mi buena GEM@, mira paso para darte las gracias por tus grandes aportaciones y pedirte que me digas de donde puedo bajar fondos tan buenos como ese. gracias y suerte

Responder
Gem@

yz Anónimo ese en concreto no es de ninguna página de fondos, se trata de una imagen que vi en la red pero puedes encontrar fondos para el blog en la categoría de Plantillas de mi nube de la sidebar ;)

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gem@.
hice la primera parte pero no encuentro en mi plantilla lo q indicas en el body, busque y busque y encontre skin, luego viene head y luego body pero solo entre mayor y menos sin /, lo agregue ahi y aparece en el head, no se creo q me perdi otra vez para variar.

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Amiga no te preocupes yo de pura despistada y de corta de vista me salte un paso, quedo super bien.

Pero no la imagen del footer no da con el ancho, revise width y outer wrapper miden 660px, será la imagen? dale una miradita con tu ojo de linze.

Las columnas las 4 miden igual en padding, font size y margenes, no se por que estan tan descuadradas, como lo soluciono dejame el enlace, sera por esto que esta mas alto el cuerpo del foot aprovecha de decirme donde reviso mi problema del ancho de la plantilla que te mencione tiempo atras para ir solucionando todo a su tiempo.

Gracias por la escuchadera que no deseo que termines toda jodida con migo ni estresada

Responder
Gem@

yz Veamos.. como el gadget donde añadiste el texto no tiene propiedades definidas la imagen sólo ocupa el espacio que ocupa el contenido.
Añade en los estilos lo siguiente:
#HTML11 {
height:180px;
width:660px;
aquí añades el padding para dejar espacio entre el texto y los bordes.
}

El footer esta desordenado porque la suma de los cuatro bloques es 100% pero al añadir los margenes supera el ancho del blog. Da la sensación que se sale por la derecha, que necesita más espacio.
Prueba a añadir contenido en el bloque que está vacío y disminuye el ancho de cada bloque aunque la suma de todos no sea 100.

También puedes probar a aumentar un poco en outer-wrapper y footer, veremos el resultado ;)

Responder
JAVI

Hola Gema!! soy el piloto eh? es que esta es la imagen de mi otro blog.
He puesto un footer en el blog de esta forma:
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:0px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
background-image:url('url de la imagen');
height:350px;
}
y resulta que me coge lo que es el tamaño del blog, pero me gustaria que cogiera todo el ancho de punta a punta. Experimentando cambie el width a 1000 y entonces la imagen me cubrio tambien el margen derecho pero el izquierdo seguia sin cubrirlo. mi pregunta es, ¿como puedo hacer para que me cubra todo de izquierda a derecha?
Lo deje puesto por si quieres echarle un vistazo.
Gracias!!

Responder
Gem@

yz Prueba así:
background: url(http://2.bp.blogspot.com/_pDD4tJ3iYAE/SuCK9Z5CmZI/AAAAAAAAAWY/o31umvsrkMQ/s0/ciudad%2Bde%2Bnoche.jpg);
height:400px;
width:100%;

(Me encanta ese footer) :)

Responder
JAVI

Que va Gema!! se queda igual, bueno un poco la imagen menos cortada de abajo pero los laterales igual. La deje puesta con tus datos.

Me alegra que te guste, a mi me gusta mucho tambien pero aun esta mas bonita cuando se ve entera.
Gracias

Responder
Gem@

yz Javi antes de </body>

<span><img src='http://2.bp.blogspot.com/_pDD4tJ3iYAE/SuCK9Z5CmZI/AAAAAAAAAWY/o31umvsrkMQ/s0/ciudad%2Bde%2Bnoche.jpg'/></span>

Responder
JAVI

Siii ya Gema Lo conseguimos!! Que bonitoooo mi foooooterrrr. Entra a verlo correee que ahora si que te va a gustar. A quedado chulisimo, me encanta.
Se que te doy trabajo... bueno creo que lo mio mas bien son retos jajaja pero tu eres cabezona y me los resuelves
Gracias de nuevo por todo.
Besitos

Responder
Gem@

yz Javi dejémoslo en perseverante suena mejor :D (Tengo tu plantilla puesta veamos si doy con la solución porque casi me olvido lo que era) Que la imagen acceder suba a la línea de las banderas ¿verdad?

Responder
Gem@

yz Borrados.
Pueden haber pasado dos cosas, que dejaste el dedo pegado o que la tecla se quedó dentro :)

Responder
Priamo

Bueno Gema ahora estoy en el footer.
He hecho lo que le dices a Javi en el nº68 de colocar la imagen en body.... y me sale bien pero observo que queda mucha distancia entre la imagen y el blog propiamente. A que es debido y como lo arreglo??
Gracias encanto

Responder
Gem@

yz No queda mucha distancia Priamo, lo que ocurre que el gráfico de la imagen se muestra cubriendo la parte derecha y en la izquierda ese gráfico es más bajo.
Piensa que mide de alto 529px pero el efecto visual que te comento da la sensación de quedar más baja.
Prueba con una imagen cualquiera que quede en línea recta y verás lo que te digo ;)

Responder
Priamo

Bien Gema ya he terminado de realizar todos los cambios (Menu superior,cambiar las flechas de adelante,atras,arriba e incluir la flecha deslizante lateral y me quedado satisfecho del resultado por lo que te dio las gracias nuevamente por tu inestimable ayuda y colaboracion.

Puedes ver si deseas el resultado en: eltallerdepriamo.blogspot.com

Responder
Gem@

yz Me alegra mucho Priamo, gracias por venir a contarlo :D

Responder
Luis Santibáñez

Hola Gema!

Primero me gustaria felicitarte por tu blog, realmente informativo ^^

Todo bien con lo que dices en tu blog, pero sabes... TENGO UN PROBLEMA!!!

Cuando agrego la imagen en el footer, se me repite. Como puedo arreglarlo?¿?

Aqui te dejo mi blog para que le eches un vistazo>>> http://disonadorgraficodzn.blogspot.com/

Ojala puedas ayudarme. SALUDOS!!!

Responder
Gem@

yz Saludos Luis Santibáñez, eso ocurre porque hay una altura establecida para ese espacio, al tener más espacio disponible se repite la imagen hasta completar la medida establecida.
En lugar de height:149px prueba con height:72px

Responder
Luis Santibáñez
Este comentario ha sido eliminado por el autor.
Responder
Luis Santibáñez

Gema, gracias por responder a mi pregunta, pero desafortunadamente aun no se corrige mi problema.

Me di cuenta que la url de la imagen que se repetia para el footer era la incorrecta. La corregi, poniendo la que deseaba, pero ahora no aparece nada. Podrias decirme en que me estoy equivocando?¿?

A continuacion te dejo el script para que le eches un ojo y localices el problema.

#footer {
width:660px;
height:149px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
background-image:url(http://3.bp.blogspot.com/_zPpzZOQe-s0/Sum2BX3OnxI/AAAAAAAAAJM/eQ-sNzSxSOo/s1600-h/footer_660px.jpg);
}

Agradeciendo de antemano tu disposicion y buena voluntad, me despido cariñosamente ;D

Responder
Unknown

hola gem@, ¿hay alguna forma de hacer que los widgets en el footer tengan el mismo ancho? el del medio siempre sale más ancho que los laterales...

Responder
Gem@

:: Lamento el retraso en responder Luis Santibáñez a.k.a Santijo, no había visto el comentario :S

Sobre el problema lo que está mal es la url de la imagen, en lugar de url de Picasa debe añadirse la url directa que Picasa proporciona para la imagen.
Otra opción es por ejemplo a una entrada de Blogger, aunque la imagen siga alojada en Picasa de esta forma conseguimos la url directa.

:: lk eso se modifica en la parte que añadimos cuando creamos las columnas del footer, puedes escoger el ancho de los gadget a tu gusto :)

Responder
Unknown

zenkiu, gem@. debería haberlo mirado.

Responder
Anabel Cornago

Hola, corazón:
estoy retomando el tema del footer, y parece que surgen los primeros problemas. Verás, en
...'footer-wrapper'>



No me deja reemplazarlo por el que propones tú, me da error con el -div


Por eso me quedan los textos de autor y créditos, creo, por debajo del espacio del footer.

Pedona el lío que te estoy contando.

Van muchos Besotes.

Responder
Gem@

:: Anabel me da la sensación que te queda fuera del footer porque no está añadido dentro de un gadget sino en la plantilla antes de </body> ¿es así?

Responder
Anabel Cornago

Hola,
lo tengo como gadget en el footer. Lo que pasa es que creo que el footer no lo he hecho bien, porque me da siempre la opción de añadir gadget pero uno encima del otro. Me explico, jeje:
abajo del todo está el gadget con los códigos de créditos.
Encima está la imagen chunga que tengo que adapat.
Encima tengo la opción de añadir otra gadget.

Bueno, jeje, por lo menos la sidebar ya la tengo a mi gusto. Poco a poco.

Besotes y mil gracias.

Responder
Gem@

:: La imagen no debe ir dentro de un gadget Anabel sino en los estilos, en la plantilla donde dice:
#footer {
background-image:url('url-de-nuestra-imagen');

Yo creo que es un problema de orden, de hacerlo paso a paso de nuevo y entonces vemos si resulta bien ;)

Responder
Anabel Cornago

Anda, pues sí. He quitado la imagen que había subido con gadget y se ha organizado todo, jeje.
Voy a intentar seguir.

besotes, corazón.

Responder
Gem@

:: Estupendo Anabel, ojalá todas las soluciones fueran tan sencillas :)

Responder
Iu-Kun

Hola Gem@!!^^
Yo otra vez :)

Tengo un problema...
es que mi plantilla no tenía Footer...
así luego de agregarlo al final del html
antes de body
le agregue tres columnas siguiendo las instrucciones en el escaparate de rosa
pero resulta que se ve con el fondo que tengo en el blog... y no me gusta y quiero agregarle una imagen especial al footer como tu explicas en este post... pero no me resulta.. :'( no logro que se vea el footer..

mira esta es la imagen que quiero poner:

http://lh3.ggpht.com/_a5mt6ZxSqN4/TB-eqMB_fJI/AAAAAAAAEzc/mHiQrvTYIFw/s1600/fondo-galeria-all-buono.png

y bueno en mi plantilla en la parte de width sale "width:100%;"
le cambie eso por los "660 px" que ud dice, que hay que modificar y se DESFORMA el blog...
por favor ayudeme!!!

Le dejo los codidos que hay en el footer y el outer..

#footer {
height:400px;
clear:both;
margin:0;
padding:0;
text-align:center;
}
#footer {
margin:0;
padding-top:4
}

#outer-wrapper {
background: url("") no-repeat;
width: 100%;
margin:0 auto;
padding:0;
text-align:left;
}
______________________________


Los codigos del final de la plantilla no me deja agregarlos al comentario xD

Bueno mi blog es: http://all-buono.blogspot.com/
es un blog dedicado a un grupo de musica japonesa xD

Espero tu respuesta!!!^^
Muchas gracias por todo!!

Responder
Gem@

:: Si añadiste columnas sigue mejor estos pasos para añadir la imagen:
http://gemablog-.blogspot.com/2009/04/columnas-en-el-footer.html

Responder
Iu-Kun

Gracias por tu rápida respuesta!!^^ :)
Lo probaré y te cuanto como me fue ;)

Responder
Iu-Kun

Muchas gracias por ayudarme!!
me ha funcionado muy bien!^^
Eres genial Gem@!!

Responder
Gem@

:: Suerte ;)

Responder
Marcemoya

GEMA GEMA GEMA!!!!..... Hola, espero que te encuentres bien y felicidades "ESPAÑA CAMPEÓN"...
Mira Gema, tengo un problemon con mi blog, hace 3 días se ve FATAL con Firefox.... Con los otros navegadores no hay problema. Los únicos cambios que e realizado actualmente fue agregarle iconos a "comentarios" y "autor".....Ya probé eliminándolos pero todo sigue igual.
mi blo es este.
http://malugirandoenmexico.blogspot.com/
GEM@, espero puedas ayudarme.
Gracias por toda esa generosidad desinteresada que nos Brindas todos los días.

Responder
Gem@

:: Yo lo veo estupendamente con Firefox Marcemoya, actualiza el navegador verás como lo ves estupendamente :)

Responder
Benko
Este comentario ha sido eliminado por el autor.
Responder
Benko

Hola, Gem@ Ultimamente he estado revisando tu blog.. me ha gustado mucho tu Footer... ¿Existe algun post que explique como hacer uno similar? Ps he estado buscando pero no he encontrado una explicación... Por lo menos el fondo lo he conseguido hacer.. Pero la forma en que se ponen los elementos como los iconos imagenes etc no se como hacerlo...

Responder
Gem@

:: Dj Benko depende de lo que deseas añadir, el tamaño o la idea que tienes de mostrarlo así es la explicación.
Cuantos iconos? qué tamaño tienen? se pueden centrar, incluir en una tabla o en línea :)

Responder
Benko

Estuve leyendo otro post el tuyo, el de las 3 columnas en el footer y ya me hice la idea de como organizar los elementos... Lo aplique a mi blog, pero tengo un problema y es que Al hacer lo del fondo con un color o una imagen... No pasa nada.. en aquel post te deje esa inquietud.. no se donde me respondes si aqui o alla..

Saludos

Responder
Gem@

:: La respuesta la tienes allá en la entrada relacionada con el tema de las columnas ;)

Responder
Cadete
Este comentario ha sido eliminado por el autor.
Responder
Cadete

Hola Gema, he estado buscando en mi blog la posibilidad de incluir una imagen conforme indicas y como tú la tienes en el blog, con la posibilidad de poner dentro de ella los gadgets y no veo en mi plantilla nada que indique donde está el footer, para poner tu código.
¿ Por favor, puedes ayudarme ?

Un saludo y muchas gracias.

Responder
Cadete

...continuo con mi comentario de arriba... quiero comentarte también, que puedo cambiar los colores del footer desde el panel de diseño de plantillas del blog, pero nada más.

Responder
Gem@

:: Cadete tu plantilla es de las nuevas de Blogger, se verán distintos los nombres con los que debemos localizar las cosas, pero si has modificado el color eso quiere decir que también se podrá añadir una imagen.
Busca en tu plantilla los estilos de esa parte donde aparece el color #0000 y ahí mismo intenta sustituirlo por la imagen, yo intentaré instalarme tu misma plantilla y lo miro :)

Responder
Cadete

@Gem@

Efectivamente es de las nuevas plantillas, pero el tema es que el color que cambio se hace desde el nuevo panel de diseño del blog, por lo que no sé donde buscarlo en la plantilla de html.
A ver si me puedes echar una mano por favor, es que se ve muy soso el footer.
Muchas gracias.

Responder
Cadete
Este comentario ha sido eliminado por el autor.
Responder
Cadete

... sigo Gema.... he visto en mi pantilla donde creo que se encuentra el tema del footer, pero estoy intentando pegarte aquí el codigo por que lo veo muy lioso y no hay forma de que se copie, ni con el editor antiguo.

Un saludo.

Responder
Gem@

:: Cadete por lo que veo en el código fuente las columnas se encuentran en los estilos de: table.section-columns prueba añadiendo ahí background:#fff; y vemos si cambia, si no es así tendré que añadirme la plantilla para localizarlo ;)

Responder
Cadete

Te he copiado lo que creo que es el sector que cambia el color del footer, ya que he buscado el color que le he cambiado y está justo aquí en esta selección.
He reemplazado los signos "mayor y menor" por los asteriscos ya que no había otra forma de poder pegar el texto aquí...

*Group description="Footer" selector=".footer-outer"*
*Variable name="footer.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="#bdac16"/*
*Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/*
*/Group*

Saludos.

Responder
Cadete

@Cadete

Perdona Gema, no sé si viste el post previo que te puse para ver si me puedes echar una mano...

Un saludo y muchas gracias.

Responder
Cadete

@Cadete

Perdona Gema, no sé si viste el post previo que te puse para ver si me puedes echar una mano...

Un saludo y muchas gracias.

Responder
Gem@

:: Cadete creo que nos estamos liando :S estás cambiando los colores en las condicionales y yo te decía en los estilos.
Veamos que y atengo la plantilla delante, busca:

.footer-fauxborder-left {
b>border-top: 1px solid $(widget.border.color);
background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;/b>
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

margin: 0 -$(shadow.spread);
}

Y lo marcado en negrita lo cambiamos por:
border-top: 1px solid;
background:#fff; repeat scroll 0 0;

lo verás todo blanco pero lo puedes cambiar por el color que quieras, luego en los gadgets que añadiste para el contenido del footer lo cambias también por el mismo color eso está en

table.section-columns td.first.columns-cell {
border-left:medium none;
background:#fff;
}

Responder
Gem@

:: Repito la primera parte que no se marcó en negrita :S
footer-fauxborder-left {
border-top: 1px solid $(widget.border.color);
background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;

-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);

margin: 0 -$(shadow.spread);
}

Responder
Cadete

Perdona Gema, creo que nos estamos liando o yo no me he explicado bien... :)
Yo lo que quería era cambiar el color del footer por una imagen como tu indicas en este post, el color puedo cambiarlo yo sin problemas desde el Diseñador de Plantillas de Blogger, pero no se cómo añadir una imagen y dejar el footer como lo tienes tú aquí.

Muchas gracias Gema.

Responder
Gem@

:: Ya lo decía yo,pero no tiene muchas vueltas porque para cambiar el color por una imagen sólo cambias background:#fff; repeat scroll 0 0; por background-image:url('url-de-nuestra-imagen'); si se tara de una textura. Si es una imagen tipo fotografía habrá que centrarla y establecer altura y anchura.
Luego en el fondo para los gadgets del footer quizás sea necesario ponerle un fondo transparente:

table.section-columns td.first.columns-cell {
border-left:medium none;
background:transparent;
}

Responder
Cadete

@Gem@

He hecho los cambios en un blog igual al original (por si acaso) y por fin lo logré gracias a tí... he subido la misma imagen de la cabecera del blog y la he colocado, aparece bien, pero cada vez que añado algún gadget nuevo, o el gadget es "mayor" que la imagen, ésta va apareciendo poco a poco duplicada a continuación de la anterior... no sé si me explico.

Un saludo.

Responder
Gem@

:: Cadete tendría que ver ese ejemplo :S

Responder
Cadete

@Gem@

He habilitado el blog de pruebas para que lo veas in-situ.

http://cadete-blogdepruebas.blogspot.com/

Muchas gracias por tu paciencia.

Responder
Gem@

:: Eso es normal cadete porque esa parte irá tomando altura conforme vas añadiendo cosas en el footer por eso te decía lo de si era una imagen o una textura porque si es lo último se repite y no hat problema.
Lo que hay que hacer es ubicar la imagen al final del todo intentar que quede fuera del bloque de contenido para que quede con las flores que ves en mi footer.
Vamos a intentarlo de nuevo....
En .footer-fauxborder-left { suprimes la línea que añadimos para la imagen y en su lugar añadimos transparencia: background:transparent;

Luego antes de ]]></b:skin> añades:

#fondo-footer {background:#101508 url(http://img638.imageshack.us/img638/5658/headerfut.png) no-repeat center bottom; height:200px; width:100%;clear:both;border-bottom: 3px solid #000;}

Por último vas al final de la plantilla y antes </html> añades: <div id='fondo-footer'></div>

Mira en vista previa y me dices que tal queda porque yo probé pero en una plantilla sin los espacios para gadget en el footer.

Responder
Cadete

@Gem@
Los gadgets estan sin la imagen de fondo y ésta aparece a continuación totalmente limpia debajo de los gadgets.

Responder
Cadete

Bueno Gema, no pasa nada si el tema de mi footer está complicadillo, talvez si la plantilla no fuera del nuevo diseño, se hubiera podido solucionar más fácilmente. Lo dejaré entonces conforme está, no quiero liarte más.
Muchas gracias por tu gran ayuda y paciencia.

Responder
Gem@

:: No es ningún problema cadete es la falta de tiempo, mándame la plantilla y así lo veo con más claridad ok?

Responder
Cadete

@Gem@
Perdona Gema, cómo te la envio ? pegada aquí no se puede, por email ?
Ya me indicas por favor.
Muchas gracias por tomarte tanta molestia.

Responder
Gem@

:: cadete descarga el archivo xml de la plantilla a tu ordenador y me lo mandas como datos adjuntos a mi mail, lo verás en contacto del menú ;)

Responder
Cadete

@Gem@
Bueno Gema, acabo de enviarte como me has indicado la plantilla "original".

Un saludo y muchísima gracias.

Responder
Gem@

:: Cadete estuve probando distintas formas de personalizar el footer, con la imagen de la cabecera no queda demasiado bien porque está el balón de la imagen y como los gadgets van tomando altura debemos optar por ubicar la imagen en un sitio que se muestre completa.
Esta es la opción que en mi opinión queda mejor si es que deseas añadir una imagen de fondo.
http://plantillacomodin.blogspot.com/
La otra opción es como te explicaba en el comentario 119 que se consigue que la imagen quede al final (igual que las flores de mi footer) al final y centrado.
Siento no tener una idea mejor :S

Responder
Cadete

@Gem@
Muy bien Gema, entonces en la opción de la "pantillacomodin" la imagen que has colocado se va expandiendo o es fija en tamaño ?
Si se expandiera conforme se añada algún gadget más, me gustaría probarla.
Quedo a la espera de tu confirmación.
Muchísimas gracias.

Responder
Gem@

:: Cadete esa imagen se expande porque es una textura, puedes probar en el blog de pruebas situándote en:
/* Footer
----------------------------------------------- */
y a partir de ahí hasta llegar justo antes de }]]></b:skin> eliminas lo que tienes y en su lugar añades el contenido del siguiente %% ARCHIVO

Responder
Cadete

Muchas gracias Gema, acabo de implantarlo en el blog de pruebas, funciona de maravilla... una vez lo tenga todo claro, lo pasaré al principal.
Te estoy muy agradecido por tu gran ayuda.
Un saludo.

Responder
Gem@

:: Me alegra que todo esté de tu agrado :)

Responder
nieves
Este comentario ha sido eliminado por el autor.
Responder
infotea

Hola Gema!!!
Ya van 2 dias que me estoy peleando con esto ya no tengo idea!!! Por eso recurro a tí...
Tengo la plantilla minima (2004) Hice tal cual lo que comentas para poner autor y creditos y el autor sale centrado (no es esa la instruccion) y el credito abajo a la derecha...
Puse fondo de color amarillo al autor (y nada) y fondo gris a los creditos (sí salio)
Tengo una imagen fija en el body y blanco transparente en Content-Wrapper...ya cambie anchos de todas clases (de % a px y en cantidades)
Te muestro con una captura como queda...

http://4.bp.blogspot.com/_CHvLybOpDRg/TQ57sUHKz6I/AAAAAAAAAhQ/bCjEj6JTP1w/s1600/problema%2Bfooter.JPG

Ni me animo a hacer las columnas en el footer (podria resolver los problemas)
Probé en otra plantilla identica "virgen" y sí funcionó..(esto ya me mató)
Ya no se me ocurre nada....estaria eternamente agradecida por alguna pista!!...Saludos cordiales

Responder
Gem@

:: mamadealess tendría que ver la plantilla online porque con una imagen no veo los códigos como están añadidos :S

Responder
infotea

Graciaaas!!!!.....Te envie una invitacion a ver el blog (no está ni remotamente terminado.....)
Aguardo ansiosa.....He realizado muchos cambios y quizas en alguno de ellos metí la pata....
Saludos!!!!

Responder
infotea

Yo de nuevo!!...te envie la plantilla por las dudas!!!
Mil gracias!!!

Responder
infotea

Hola !!..Estoy feliz porque lo arreglé!!...Era algo tan tonto como hacer comentarios en la plantilla con <-- -->...No tenia idea de que debia usar /*... */ en la parte CSS..Ya eran varias las cosas que no me andaban y todo se arregló con esos cambios!!!.Yo lleno la planilla con comentarios para no perderme!!..Gracias igual por estar ahí.....cualquier sugerencia es bienvenida!!!...
MUY FELIZ NAVIDAD!!

Responder
Gem@

:: mamadealess lamento mucho ver estos comentarios ahora, tengo tarea atrasada y entre ella los correos lo siento de veras. Pero me alegra un montón lo pudieras solucionar ¿viste que bien se siente uno cuando damos con el error que nos trae de cabeza?
Feliz Navidad !!!

Responder
infotea

No te preocupes !!!...Es cierto: es un placer cuando las cosas se resuelven...Lo mejor y más gracioso es que me di cuenta que no me sirve esto e hice las 3 columnas en el footer como lo explicaste !!y salio perfecto!!...
SALUDOS!!!

Responder
Anónimo

Hola Gem@ !!! Queria preguntarte en donde consigues esas imagenes para decorar el Footer? son muy bonitas :)

Salu2!

Responder
Gem@

:: Yin no hay un sitio concreto, la mayoría de veces las encuentro visitando páginas, las tomo prestadas hago la captura de mi ejemplo y listo :D

Responder
Anónimo

jajaja que bien, bueno gracias de igual forma :P seguire buscando por ahi, me encanta el que tienes tu ;)

Salu2!

Responder
Gem@

:: Puedes tomar la idea si te gusta, es muy sencillo :)

Responder
Unknown
Este comentario ha sido eliminado por el autor.
Responder
MinGi

hola gema tu blog esta hermoso... queria hacerte una pregunta lo que pasa es que quiero poner una imagen al final de cada gadget en la sidebar como en este blog http://namieamurolive.blogspot.com/

en su sidebar siempre que termina un texto o html tiene imagen al final

Responder
Gem@

:: FANAMURO ese blog que me muestras tiene añadida la imagen en el contenedor de los gadgets de esta forma:
background: url(url-imagen) no-repeat scroll center bottom transparent;

Tendría que saber en qué blog la vas a añadir para poder decirte concretamente en qué parte añadirla.

Responder
MinGi

mira es este el blog http://btemplates.com/2011/blogger-template-fishing-time/demo/ ^-^ muchas gracias de antemano gema

Responder
Gem@

:: Ese enlace debe estar mal es una demo de BTemplates.

Responder
AOR Diamonds

Hola. Me presento. Me llamo xavi. Me he topado con este fantástico blog y creo que me va a yudar mucho.

Tengo una página sobre actualidad del rock en www.nurocks.com
La tengo prácticamente finalizada pero quiero añadir un buen footer con diferente color y widgets en él. El Problema es que no encuentro la etiqueta #footer que dices.

He leído que a alguno/a le ha psaado. Como hago para poder añadir un footer y poderlo editar de la amnera que cuentas??

Agradeceré una respuesta. Lo dicho, buenísimo blog!

Responder
AOR Diamonds

Hola. He dejado ya un comentario en otro post.
Tengo un blog con una de las nuevas plantillas de Blogger. Intento seguir los pasos para poder personalizar el Footer y dejarlo muy atractivo con widgets.

Para empezar me gustaría siguiendo este post pero no puedo pasar del primer paso. No encuentro la etiqueta #footer

Gema, es obvio que no puedo encontrar el código porqué seguro no existe, no? Me podrías decir por favor si se puede añadir un footer en la plantilla? Así ya luego, voy añadiendo cosillas...

Muchas Gracias!

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top